<!-- 小组件 -->
<template>
	<el-container>
	  <el-header>lilo-ui example</el-header>
	  <el-container>
	    <el-aside width="200px">
			<div v-for="(router, index) in routers" :key="index" >
				<router-link :to="router.path" v-if="router.path !== '/'">
					<div>{{ router.name }}</div>
				</router-link>
			</div>
		</el-aside>
	    <el-main>
			<router-view></router-view>
		</el-main>
	  </el-container>
	</el-container>
</template>

<script>
	
import { constantRoutes } from '@/router/config.js'

export default {
	data() {
		return {
			routers: constantRoutes
		};
	}
};

</script>

<style lang="scss" scoped>
body > .el-container {
	height: 100%;
}

.el-header {
	background-color: #b3c0d1;
	color: #333;
	line-height: 60px;
}

.el-aside {
	background-color: #d3dce6;
	color: #333;
	height: 100%;
}

.el-main {
	// background-color: #e9eef3;
	padding: 0px;
	color: #333;
	height: 100%;
}
</style>
